<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page；推荐使用json5，更强大，且允许注释 -->
<route lang="json5">
{
	style: {
		navigationStyle: "custom",
		navigationBarTitleText: "首页",
	},
}
</route>

<template>
	<view
		class="bg-white overflow-hidden pt-2 px-4"
		:style="{ marginTop: safeAreaInsets?.top + 'px' }"
	>
		<view class="mt-12">
			<image src="/static/logo.svg" alt="" class="w-28 h-28 block mx-auto" />
		</view>

		<view class="text-center mt-8">
			当前平台是：
			<text class="text-green-500">{{ PLATFORM.platform }}</text>
		</view>
		<view @click="handleToJump">test</view>
	</view>
</template>

<script lang="ts" setup>
import PLATFORM from "@/utils/platform";

defineOptions({
	name: "Home",
});

// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync();
// 测试 uni API 自动引入
onLoad(() => {
	console.log("onLoad");
});

const handleToJump = () => {
	uni.navigateTo({ url: "/pages/test/index" });
};
</script>

<style>
.main-title-color {
	color: #d14328;
}
</style>
